<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的一个页面</title>
    <style>/*css负责页面的样式*/

        /*css如何使用
        1、<style>标签
        2、link标签（外联样式表）
        3、行内样式
        css优先级
        css选择器
        css常用样式选项
        css布局
    #alert{
            background: rebeccapurple;
            height:50px;
            color:palevioletred;
        }
    </style>
</head>
<body><!--负责页面的内容-->

<!--ul>li列表
table表格
form表单-->
<h1 id="alert"></h1>
    <script>/*javascript 负责页面的动态脚本*/
        document.getElementById('alert').innerHTML="我爱我的祖国";

        setTimeout(function(){
            document.getElementById('alert').innerHTML="i love my country"
        },2000)

    </script>
</body>
</html>